/* 
    Document   : style.theme.css
    Created on : Jun 27, 2012, 4:33:31 PM
    Author     : mirza
    Description:
        Purpose of the stylesheet follows.
*/

body {
    font-family: "Helvetica", "Arial"; font-size: 13px; 
    padding:0px; margin:0px; background: url(../images/bg.jpg) center top repeat;
    
}

#canvas {
    width:100%; min-height: 100%; position: fixed;   
    padding: 0px; margin: auto;
    border:1px solid;
}

#Login {
    width:100%; height: 493px; background: url(../images/index-bg.jpg) center repeat-x #fff;
    position: absolute; top:50%; margin-top:-250px;
}


#Login-ShadowTop {
    width:100%; height: 4px; margin: auto;
    background: url(../images/index-bg-shadow_top.png) center no-repeat;
    position: absolute; top:50%; margin-top:-254px;
}

#Login-ShadowBottom {
    width:100%; height: 7px; margin: auto;
    background: url(../images/index-bg-shadow_bottom.png) center no-repeat;
    position: absolute; top:50%; margin-top:243px;
}

#Login #Login-Container {
    width:1000px; height: 100%; margin: auto;
}
#Login #Login-Container #Logo-Container {
    width:100%; height: 100%; margin: auto;
    background: url(../images/index-login_bg.png) center bottom no-repeat;
}
#Login #Login-Container ul{
    margin:0px; padding:0px;
    
        
}
#Login #Login-Container ul li{
    width:490px; float:left; height: 493px;
    margin:0px; list-style: none
    
}
#Login #Login-Container ul li.border{
    width: 9px; 
    background: url(../images/index-login_border.png) center no-repeat;
}

#Login-Button {
    cursor: pointer; background: url(../images/index-application_logo.png) center no-repeat;
    width: 500px; height: 494px;
}

#Login-Button div {
    display: none
}

#Login-Form {
    display:none;
    width: 490px; height: 418px;
    color: #666; font-size: 14px;
    padding: 75px 50px;
    padding-top:0px;
}

#Login-Form h1 {
    text-align: right; text-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.3);
    color: #0a1331;
}

#Login-Form table {
    width: 100%;
}
#Login-Form table tr td{
    padding: 10px;
}

#Login-Form input {
    width: 100%;
}

#Login-Application {
    color: #666; font-style: italic; text-align: center; font-size: 10px;
    position:absolute; margin-top: -40px; width: 500px;
}

#Login-Application p{
    margin:0px;
}
